@import "utils";

._edit_song_list {
  .title {
    margin-top: 20px;
    font-weight: 800;
  }

  .divider {
    margin: 10px 0;
  }

  .content {
    display: flex;
    justify-content: space-between;

    .img {
      width: 400px;
    }

    .form {
      flex: 1;

      .addLabel {
        .label {
          text-decoration: underline;
          cursor: pointer;

        }


      }

      .footBtn {
        text-align: center;

        button:nth-child(1) {
          margin-right: 20px;
        }
      }
    }
  }

  .labelList {
    width: 470px;

    .top {
      height: 250px;
      overflow-y: scroll;

      .description {
        font-size: 12px;
        color: var(--font-color);
        margin-bottom: 15px;

        .number {
          color: #BB3030;
        }
      }

      .item {
        display: flex;
        align-items: center;

        .left {
          font-weight: 800;
          width: 50px;
        }

        .right {
          flex: 1;

          .tag {
            margin-bottom: 8px;
            cursor: pointer;
            width: 60px;
            text-align: center;
            @include ellipsis();
          }
        }
      }
    }

  }

  .footer {
    position: relative;
    margin-top: 15px;
    text-align: center;

    .tip {
      font-size: 12px;
      color: #BD3738;
      position: absolute;
      left: 0;
      top: 7px;

      i {
        padding-right: 8px;
      }
    }
  }
}
